<!DOCTYPE html>
<html ng-app="myapp2">
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		
		<link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	
		<link rel="stylesheet" type="text/css" href="../dist/css/air.css"/>
		<script src="../js/angular.js" type="text/javascript" charset="utf-8"></script>		
	</head>
	<body>
		<div id="air" ng-controller="airCon">
			<div class="top">
				<p>机加酒</p>
				<img src="../dist/img/jt.png" class="fanhui"/>
			</div>
			<div class="nav">
				<p class="destination"><span class='span1'>全部目的地</span><span class="glyphicon glyphicon-triangle-bottom"></span></p>
				<p class="sold"><span class='span1'>智能排序</span><span class="glyphicon glyphicon-triangle-bottom"></span></p>
				<p class="more"><span class='span1'>更多筛选</span><span class="glyphicon glyphicon-triangle-bottom"></span></p>
			</div>	
			<div class="table">
				<!--目的地下拉-->
				<div class="nav_select">
					<ul class="left">
						<li class="quan">全部目的地</li>
						<li ng-repeat="obj in all" ng-click="btn($index)" ng-class="bse($index)">{{obj.cnname}}</li>
					</ul>
					<ul class="right">
						<li><span>{{first}}</span>全部</li>
						<li ng-repeat="obj in continent">{{obj.cnname}}</li>
					</ul>
				</div>
				<div class="rank" style="display: none;">
					<p><span class="text">智能排序</span></p>
					<p><span class="text">销量从高到低</span><span class="glyphicon glyphicon-arrow-down"></span></p>
					<p><span class="text">价格从低到高</span><span class="glyphicon glyphicon-arrow-up"></span></p>
				</div>
				<!--更多筛选-->
				<div class="shai">
					<div class="xuan">
						<h5>出发地</h5>
						<ul>
							<li class="one">全部</li>
							<li>上海/杭州</li>
							<li>北京/天津</li>
							<li>广州/深圳</li>
							<li>港澳台</li>
							<li>过诶其他</li>
							<li>成都/重庆</li>
							<li>海外</li>
						</ul>
					</div>
					<div class="xuan">
						<h5>出发时间</h5>
						<ul>
							<li class="one">全部</li>
							<li>1个月内</li>
							<li>1-3个月</li>
							<li>中秋节</li>
							<li>国庆节</li>
							<li>元旦/春节</li>
							<li>清明节</li>
							<li>劳动/端午节</li>
						</ul>
					</div>
					<div class="xuan">
						<h5>服务选项</h5>
						<ul>
							<li class="one">全部</li>
							<li>直飞航班</li>
							<li>可配全国联运</li>
							<li>可延长日期</li>
							<li>可选开口航程</li>
						</ul>
					</div>
					<div class="reset">
						<p class="enter">重置</p>
						<p class="enter">确定</p>
					</div>
				</div>
			</div>
			
			<!--<div class="meng">-->
				<ul class="shuju">
					<li ng-repeat="obj in air">
						<img src="{{obj.photo}}" err-src="../img/275x185 (3).jpg" class="big"/>
						<div>
							<p class="title">{{obj.title}}</p>
							<p class="area">{{obj.area}}</p>
							<p class="jia"><span>已售{{obj.status}}件</span><span><span class="price">{{obj.price}}</span>元起</span></p>
						</div>
					</li>
				</ul>
			<!--</div>-->
		</div>
	</body>	
	<script src="../dist/js/jquery-2.1.1.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/air.js" type="text/javascript" charset="utf-8"></script>
</html>
